<script setup lang="ts">
import MyDialog from './components/04.插槽/MyDialog.vue'
</script>

<template>
  <div>
    <h2>父组件</h2>
    <MyDialog>
      <!-- 双标签中直接写的内容 会传递给 没有 name 的 slot（默认插槽） -->
      <!-- 如果用了 template 默认插槽的内容也需要用 template 包裹 -->
      <template v-slot:default>
        <h3>再次提醒你哦</h3>
        <p>真的要删掉吗？删掉了就木有了哦~~(╥╯^╰╥)</p>
      </template>

      <!-- 传递给有名字的插槽 template -->
      <template v-slot:header>
        <h3>温馨提示 🐱🐔</h3>
      </template>

      <!-- 具名插槽的简写 -->
      <template #footer>
        <button>确认</button>
      </template>
    </MyDialog>
  </div>
</template>
